<template>
	<view>
			<view class="view2">
				<h1 class="h11">basic info</h1>
				<hr class="hr1">
			</view>
			
			<view class="view3">
				<h3 class="h31">name:{{info.name}}</h3>
			</view>
			
			<view>
				<view class="view2">
					<h1 class="h11">other info</h1>
					<hr class="hr1">
				</view>
				<view class="view3">
					<h3 class="h31">waiting...</h3>
					<h3 class="h31">waiting...</h3>
					<h3 class="h31">waiting...</h3>
					<h3 class="h31">waiting...</h3>
				</view>
				
			</view>
	</view>
</template>

<script>
	export default {
		props:{
			info:{
				type:Object,
				required:true
			},
		},
		methods:{
		
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
	.view2{
		
	}
	.h21{
		font-size: 20px;
	}
	.h31{
		font-size: 15px;
		font-weight: 100;
	}
	.image1{
		border-radius: 10px;
	}
	.button1{
		margin-top: 20px;
	}
</style>
